<div class="doc-content">



<header class="api-profile-header" >
  <h2 class="md-display-1" >{{currentDoc.name}} API Documentation</h2>
  
</header>



<div layout="row" class="api-options-bar with-icon"></div>


<div class="api-profile-description">
  <p>The linear progress directive is used to make loading content
in your app as delightful and painless as possible by minimizing
the amount of visual change a user sees before they can view
and interact with content.</p>
<p>Each operation should only be represented by one activity indicator
For example: one refresh operation should not display both a
refresh bar and an activity circle.</p>
<p>For operations where the percentage of the operation completed
can be determined, use a determinate indicator. They give users
a quick sense of how long an operation will take.</p>
<p>For operations where the user is asked to wait a moment while
something finishes up, and it’s not necessary to expose what&#39;s
happening behind the scenes and how long it will take, use an
indeterminate indicator.</p>

</div>


<div>
  

  

  
  <section class="api-section">
    <h2 id="Usage">Usage</h2>
  
    <hljs lang="html">
<md-progress-linear md-mode="determinate" value="..."></md-progress-linear>

<md-progress-linear md-mode="determinate" ng-value="..."></md-progress-linear>

<md-progress-linear md-mode="indeterminate"></md-progress-linear>

<md-progress-linear md-mode="buffer" value="..." md-buffer-value="..."></md-progress-linear>

<md-progress-linear md-mode="query"></md-progress-linear>
</hljs>
  
  </section>
  
  <div class="api-param-section">
    <h2>
      
        Attributes
      
    </h2>
    <div class="api-param-table">
      
<table class="md-api-table">
  <thead>
    <tr>
      <th>Parameter</th>
      <th>Type</th>
      <th>Description</th>
    </tr>
  </thead>
  <tbody>
  
  
    
      <tr class="api-params-item">
        <td style="white-space: nowrap;">
          <b>* md-mode</b>
          
          <span hide show-sm>
<code class="api-type label type-hint type-hint-string">string</code></span>
        </td>
        <td style="white-space: nowrap;">
<code class="api-type label type-hint type-hint-string">string</code></td>
        <td class="description">
          <p>Select from one of four modes: determinate, indeterminate, buffer or query.</p>
<p>Note: if the <code>md-mode</code> value is set as undefined or specified as 1 of the four (4) valid modes, then <code>.ng-hide</code>
will be auto-applied as a style to the component.</p>
<p>Note: if not configured, the <code>md-mode=&quot;indeterminate&quot;</code> will be auto injected as an attribute. If <code>value=&quot;&quot;</code> is also specified, however,
then <code>md-mode=&quot;determinate&quot;</code> would be auto-injected instead.</p>

          
        </td>
      </tr>
    
  
    
  
    
  
  
    
  
    
      <tr class="api-params-item">
        <td style="white-space: nowrap;">
          value
          
          <span hide show-sm>
<code class="api-type label type-hint type-hint-number">number</code></span>
        </td>
        <td style="white-space: nowrap;">
<code class="api-type label type-hint type-hint-number">number</code></td>
        <td class="description">
          <p>In determinate and buffer modes, this number represents the percentage of the primary progress bar. Default: 0</p>

          
        </td>
      </tr>
    
  
    
      <tr class="api-params-item">
        <td style="white-space: nowrap;">
          md-buffer-value
          
          <span hide show-sm>
<code class="api-type label type-hint type-hint-number">number</code></span>
        </td>
        <td style="white-space: nowrap;">
<code class="api-type label type-hint type-hint-number">number</code></td>
        <td class="description">
          <p>In the buffer mode, this number represents the percentage of the secondary progress bar. Default: 0</p>

          
        </td>
      </tr>
    
  

  </tbody>
</table>

    </div>
  </div>
  


  
</div>


</div>
